import type { InputProps } from "naive-ui"

export function useInputThemeOverrides() {
  type InputThemeOverrides = NonNullable<InputProps["themeOverrides"]>

  const borderColor = "rgba(200,200,200,0.5)"

  const inputThemeOverrides: InputThemeOverrides = {
    border: borderColor+" 1px solid",
    borderHover: borderColor,
    borderFocus: borderColor,
    caretColor: borderColor,
    boxShadowFocus: "none"
  }

  return inputThemeOverrides
}
